<template>
  <div class="flex items-center justify-around">
    <div class="flex items-center">
      <span class="w-[100px]">运输类型：</span
      ><Input :value="ShippingTypeEnum[props.data!.shippingType]" disabled />
    </div>
    <div class="flex items-center">
      <span class="w-[100px]">提货日期：</span>
      <Input :value="props!.data!.consigneeDate" disabled />
    </div>
    <div class="flex items-center">
      <span class="w-[100px]">有效期至：</span>
      <Input :value="props!.data!.consigneeExpire" disabled />
    </div>
  </div>
</template>
<script lang="ts" setup>
  import { defineProps } from 'vue';
  import { Input } from 'ant-design-vue';
  import { ShippingTypeEnum } from './enum/enum';

  const props = defineProps({
    data: { type: Object },
  });
</script>
